@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.wf-req-status {
    height: 100%;

    .am-tabs-default-bar-tab{
        height: 64 * @hd;
        line-height: normal;
    }
    .am-list-header {
        padding: 0;
    }
    .am-list-item{
        padding-left: 16 *  @hd;

        .am-list-line{
            padding-right: 8 *  @hd;
        }
    }
    .wf-req-status-tab{
        display: inline-block;
        text-align: center;

        .wf-req-status-tab-num{
            font-size: 17 * @hd;
        }
    }
    .wf-req-status-content{
        // height: calc(~"100%" - 64 * @hd) ;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;

        .wf-req-status-listitem {
            display: flex;
            font-size: 14 * @hd;
            align-items: center;
            position:relative;
            .wf-req-status-listitem-operator {
                width: 30 * @hd;
                flex-shrink: 0;
                text-align: center;
                margin-right: 10 *  @hd;
                .am-avatar{
                    position: absolute;
                    top:0;
                    left:0;
                    width:30 *  @hd;
                    height:30 *  @hd;
                }
                .wf-req-status-listitem-operator-name{
                    word-break: break-all;
                    white-space: normal;

                    .user-name-click {
                        color: #55B1F9;
                    }
                }
                .wm-avatar{
                    background: transparent;

                    .wm-avatar-img{
                        width: 44 * @hd;
                        height: 44 * @hd;
                    }
                }
                .wf-req-status-connect-symbol{
                    padding-left: 2 *  @hd;
                    padding-right: 2 *  @hd;
                }
            }
            .wf-req-status-listitem-time{
                flex-basis: 100%;
                color: #868686;
                margin-left: 4 *  @hd;
                margin-right: 4 *  @hd;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .wf-req-status-listitem-desc{
                flex-basis: 100%;
                color: #868686;
                margin-right: 4 *  @hd;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 14 *  @hd;
                .wf-req-status-listitem-operator-name{
                    word-break: break-all;
                    white-space: normal;
                    font-size: 14  *  @hd;

                    .user-name-click {
                        color: #55B1F9;
                    }
                }
            }
            .wf-req-status-listitem-mark{
                height: 24 * @hd;
                line-height: 24 * @hd;
                padding-left: 4 *  @hd;
                padding-right: 4 *  @hd;
                margin-right: 4 *  @hd;
                text-align: center;
                font-size: 12 * @hd;
                border: 1 *  @hd solid;
            }
        }
    }
}